.bg-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 278 * 2rpx;
  background-color: rgba(39, 190, 135, 0.09);
  z-index: 1;
}

.mc-top {
  position: relative;
  z-index: 6;
  display: flex;
  justify-content: space-between;
  padding: 0 80rpx;
  // padding-top: 66rpx;
  padding-top: 20rpx;
  .mct-left {
    .manual-title {
      display: flex;
      align-items: center;
      .rcc-label {
        line-height: 30rpx;
        font-weight: 600;
        font-size: 32rpx;
        color: var(--color-333);
      }
      .rcc-select {
        width: 210rpx;
        margin: 0 auto;
      }
    }
    .manual-status {
      display: flex;
      align-items: center;
      margin-top: 20rpx;
      line-height: 22rpx;
      font-weight: 400;
      font-size: 22rpx;
      color: var(--color-999);
      &::before {
        display: block;
        content: '';
        width: 20rpx;
        height: 20rpx;
        margin-right: 12rpx;
        border-radius: 50%;
        background-color: #d7d7d7;
        border: 2rpx solid #fff;
        box-sizing: border-box;
      }
    }
  }
  .mct-right {
    width: 59 * 1.85rpx;
    height: 59 * 1.85rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #c4c4c4;
    border-radius: 50%;
    border: 4rpx solid #ffffff;
    &.active {
      background-color: var(--main-theme);
    }
    .mctr-top {
      line-height: 26rpx;
      font-weight: 600;
      font-size: 26rpx;
      color: var(--color-fff);
    }
    .mctr-bottom {
      margin-top: 10rpx;
      line-height: 16rpx;
      font-weight: 400;
      font-size: 16rpx;
      color: var(--color-fff);
    }
  }
}

.lists {
  position: relative;
  z-index: 5;
  margin: 20rpx 20rpx 0;
  padding: 8rpx 22rpx 28rpx;
  background-color: var(--bg-color);
  box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(6, 29, 23, 0.03);
  border-radius: 18rpx;
  &.lists2 {
    margin-top: 12rpx;
    margin-bottom: 24rpx;
    padding: 0 32rpx 32rpx;
    .list {
      border: none;
      padding: 0;
    }
  }
}

.list {
  padding-bottom: 22rpx;
  + .list {
    border-top: 1rpx solid var(--border-color);
  }
  &:last-child {
    padding-bottom: 0;
    .list-top {
      padding-bottom: 8rpx;
    }
  }
  .list-top {
    display: flex;
    align-items: center;
    padding: 22rpx 10rpx;
    .lt-left {
      line-height: 22rpx;
      font-weight: 600;
      font-size: 22rpx;
      color: var(--color-333);
    }
    .lt-right {
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 22rpx;
      color: var(--color-666);
      &::before {
        display: block;
        content: '';
        width: 1rpx;
        height: 18rpx;
        margin: 0 10rpx 0 12rpx;
        background-color: var(--color-666);
      }
    }
  }
  .list-slider {
    position: relative;
    display: flex;
    align-items: center;
    height: 42rpx;
    background-color: #f5f5f5;
    border: 1rpx solid #ccc;
    overflow: hidden;
    &.list-slider-forward {
      border-top-left-radius: 8rpx;
      border-bottom-left-radius: 8rpx;
    }
    &.list-slider-stop {
      border-left: none;
      border-right: none;
    }
    &.list-slider-reverse {
      border-top-right-radius: 8rpx;
      border-bottom-right-radius: 8rpx;
    }
    &.disabled {
      opacity: 0.6;
    }
    .block {
      flex: 1;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      font-size: 21rpx;
      color: var(--color-999);
      border-right: 1rpx solid #ccc;
      &:last-child {
        border-right: none;
      }
      &.active {
        color: var(--color-fff);
        background-color: #27be87;
      }
    }
    // .min-label,
    // .max-label {
    //   position: absolute;
    //   top: 50%;
    //   transform: translateY(-50%);
    //   font-weight: 400;
    //   font-size: 21rpx;
    //   z-index: 1;
    // }
    // .min-label {
    //   left: 19rpx;
    //   color: var(--color-fff);
    // }
    // .max-label {
    //   right: 18rpx;
    //   color: var(--color-999);
    // }
  }
  .list-control {
    display: flex;
    align-items: center;
    .lc-left {
      display: flex;
      align-items: center;
      .lcl-item + .lcl-item {
        margin-left: 12rpx;
      }
      .icon {
        display: block;
        width: 64rpx;
        height: 64rpx;
        &.disabled {
          opacity: 0.6;
        }
      }
      .lc-text {
        margin-top: 12rpx;
        font-weight: 400;
        font-size: 18rpx;
        color: var(--color-333);
      }
    }
    .lc-right {
      flex: 1;
      display: flex;
      align-items: center;
      &::before {
        display: block;
        content: '';
        width: 1rpx;
        height: 47 * 2rpx;
        margin: 0 22rpx 0 20rpx;
        background-color: #bcbcbc;
      }
      .lcr-item {
        flex: 1;
      }
      .lcr-top {
        display: flex;
        align-items: center;
        .lcrt-left {
          font-weight: 500;
          font-size: 18rpx;
          color: var(--color-333);
        }
        .lcrt-right {
          display: flex;
          align-items: center;
          font-weight: 400;
          font-size: 18rpx;
          color: var(--color-666);
          &::before {
            display: block;
            content: '';
            width: 1rpx;
            height: 18rpx;
            margin: 0 8rpx;
            background-color: var(--color-666);
          }
        }
      }
      .list-slider {
        position: relative;
        // width: 251rpx;
        // flex: 1;
        margin-top: 36rpx;
        // .min-label {
        //   left: 24rpx;
        // }
        // .max-label {
        //   right: 18rpx;
        // }
      }
    }
  }
  .list-items {
    display: flex;
    justify-content: space-around;
    .li-item {
      &.active {
        .lii-index {
          color: var(--color-fff);
          background-color: var(--main-theme);
        }
        .lii-text {
          color: var(--main-theme);
        }
      }
      .lii-index {
        width: 64rpx;
        height: 64rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 400;
        font-size: 26rpx;
        color: var(--color-fff);
        color: #7f7f7f;
        background-color: var(--body-theme);
        border-radius: 50%;
      }
      .lii-text {
        margin-top: 14rpx;
        line-height: 18rpx;
        font-weight: 400;
        font-size: 18rpx;
        color: var(--color-999);
      }
    }
  }
  .list-title {
    padding: 32rpx 0 24rpx;
    line-height: 22rpx;
    font-weight: 600;
    font-size: 22rpx;
    color: var(--color-333);
  }
  .list-ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    .u-checkbox-group--row {
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }
    .list-li {
      display: flex;
      align-items: center;
      &:nth-of-type(3n) {
        margin-right: 0;
      }
      &:nth-of-type(n + 4) {
        margin-top: 20rpx;
      }
      .nw-label {
        width: 68rpx;
        margin-right: 8rpx;
        font-weight: 400;
        font-size: 22rpx;
        color: var(--color-333);
      }
      :deep(.uni-easyinput) {
        width: 82rpx;
        max-width: 82rpx;
        .uni-easyinput__placeholder-class {
          font-size: 18rpx !important;
        }
        .uni-input-input {
          font-size: 18rpx;
        }
      }
      .unit {
        margin: 0 10rpx 0 4rpx;
        font-size: 18rpx;
        font-weight: 400;
        color: var(--color-999);
      }
    }
  }
}

.row-list {
  .list .list-ul .u-checkbox-group--row {
    &::after {
      display: none;
    }
  }
}

.btns {
  display: flex;
  justify-content: space-between;
  :deep(.nw-button-wrap) {
    flex: 1;
    padding-top: 32rpx;
    + .nw-button-wrap {
      margin-left: 16rpx;
    }
  }
  :deep(.nw-button) {
    flex: 1;
    height: 54rpx;
    margin: initial;
    border-radius: 28rpx;
    .u-button__text {
      line-height: 24rpx;
      font-size: 24rpx !important;
    }
    &:not(.u-button--disabled) .u-button__text {
      color: var(--color-fff);
    }
  }
}

// zxz-uni-data-select多选择框-样式
.rcc-select :deep(.uni-stat__select) {
  .uni-select {
    height: 32rpx !important;
    min-height: 32rpx !important;
    padding: 0 6rpx 0 12rpx;
    background-color: transparent !important;
    border-color: transparent !important;
    .uni-select__input-box {
      height: 32rpx !important;
      min-height: 32rpx !important;
    }
    .uni-select__input-text {
      line-height: 32rpx;
      font-weight: 600;
      font-size: 32rpx;
    }
    .uni-icons {
      font-size: 32rpx !important;
      color: #333 !important;
    }
    .uni-select__selector-item {
      font-size: 26rpx;
    }
  }
}
